/*==========
Author: UmHtml
Author URI: http://www.umhtml.com/
Theme ID: ymbk
==========*/
@charset "utf-8";
html,body,div,span,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video{margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{background: #f0f0f0;color: #666;font-size:14px;line-height:1.42857143;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;overflow-x: hidden;}
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header{display:block;}
nav ul,ul,li{list-style:none;}
q,blockquote{quotes:none;}
q:before,q:after,blockquote:before,blockquote:after{content:none;}
a{color:#666;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0;padding:0;}
a,input{outline:none;}
a:hover,a:focus{color:#00ada7;text-decoration:none;cursor:pointer;}
img{max-width: 100%;height: auto;}
ins{color:#323841;background-color:#ff9;text-decoration:none;}
mark{color:#323841;background-color:#ff9;font-weight:bold;font-style:italic;}
.container{margin:0 auto;max-width:1280px;padding:0 20px}
.containe{position:relative;max-width:1280px;margin:0 auto;color:#fff;padding:0 20px;}
/*----------- 头部 -----------*/
.header{width:100%;height:86px;background:#32063f url(images/banner.jpg) no-repeat center top;background-size:100% 100%;display:block;}
.logo{float: left; margin:15px 0;font-size: 27px; height:56px; overflow: hidden; display: block; text-indent: -20000em; width: auto;}
.logo a{display: block; color:rgba(0,0,0,0); font-size: 0;}
.logo img{display: block; margin-top:3px; height:50px;}
.logo img.logoimga{display: none;}
.login-box{ float:right; margin:8px 0 0 8px;}
.login-box .btn{ background:#fff;border-radius:30px;height:40px;line-height:38px;color:#999;font-size:14px;display:inline-block;padding:0 10px; border:1px solid #efefef}
.login-box .btn i{padding-right:6px;color:#ddd;font-size:16px;}
.header-nav{position:relative;width:100%;float:left;background-color:rgba(255, 255, 255, 0.99);border-bottom:1px solid #eee;}
.header-nav.fixed{box-shadow:0 0 5px rgba(46,143,237,0)}
/*导航*/
.inner{ display:none; position:absolute; z-index:90;width:100%; background-color: rgba(255,255,255,.96);}
.inner li{ width:100%; margin:2px 0 0;}
.inner li a {display: block;font-size: 16px;font-weight: 400;line-height: 32px;padding: 4px 15px;border-bottom:1px solid #eee;}
.inner li a:hover{ background-color:#00ada7;color:#FFF;transition: all .2s;}
.navbar li{display: block; float: left; margin:0px 0px 0px 0px ; position: relative;}
.navbar li:before{width: 0; height: 2px; position: absolute; bottom: -2px; left: 50%; background-color: #00ada7; content: ''; transition: all .6s; z-index:50;}
.navbar li>ul>li:before{ background-color:transparent; content: ''; transition: all 0s;}
.navbar li.active:before, .navbar li.on:before{width: 100%; left: 0;}
.navbar li.active>a, .navbar li.on>a{color:#00ada7;}
.navbar a{display: block; line-height: 32px; padding:13px 18px 13px; font-size: 20px; font-weight: 400;}
.header menu>div>ul>li:hover>ul{display:block;}
.header menu>div>ul>li>ul{position:absolute;width:auto; min-width:120px;top:100%;left:50%;text-align:center;background-color:rgba(255, 255, 255, 0.97);display:none;transition:.3s all;border-top:2px solid #eee;padding:0px 0; z-index:100; transform:translateX(-50%)}
.header menu>div>ul>li>ul>li a{padding:5px 10px 4px;color:#333;float:none;display:block;}
.header menu>ul>li>ul>li>a,.header menu>div>ul>li>ul>li{width:100%;font-size:14px;color:#686967;line-height:30px;padding:0;margin:0;}
.header menu>div>ul>li>ul>.on{background-color:#00ada7;color:#fff!important;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.header menu>div>ul>li>ul>.on a{color:#fff!important;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.header .moble-bars{ padding: 0; margin:5px 0 0;font-size:21px; display: none;float:right;}
.header a:hover.moble-bars{color:#00ada7}
.fixed {left: 0; opacity: 0.98;position: fixed;right: 0;top: 0; width: 100%;z-index:888;}
/*----------- 搜素 -----------*/
.nav-right{float:right;margin-top:8px;position:relative}
.nav-right form input{width:130px;border-radius:25px;border:1px solid #efefef;font-size:14px;padding:5px 35px 5px 25px;transition:width .3s linear;background:#fff;height:42px;outline:0}
.nav-right form input:focus{width:180px}
.nav-right form button{position:absolute;right:15px;top:8px;color:#ddd;background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;outline:0;cursor:pointer}
/*----------- 面包屑 -----------*/
.crumbbar{max-width: 1280px; margin:4px auto;padding:7px 20px 5px;clear: both;overflow: hidden;}
.crumbbar i{padding:9px 0px 7px;}
.fa-bullhorn,.fa-angle-right{font-size: 16px; margin: 0 4px;}
/*----------- 幻灯片 -----------*/
.slider{margin: 0 auto 2% auto;max-width: 1280px;overflow:hidden; padding:0px; background:#fff;border:0px solid #eee;-webkit-transition:all .4s ease;transition:all .4s ease;}
#slider{ z-index:0}
.slider {clear:both; width:100%;position:relative; overflow:hidden}
.slider img {display:block; width:100%; height:auto; overflow:hidden}
.slide{ width:0}
.slide a{ text-align: center;}
.slider .bx-wrapper {border:none; margin:0 auto; padding:0; overflow:hidden; max-height: 485px;}
.slider .bx-wrapper .bx-pager,.imgbox .bx-wrapper .bx-pager{position:absolute; bottom:13px; z-index:56; left: 50%; transform: translateX(-50%);text-align:center;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus {background:rgba(255,255,255,0.88); }
.bx-wrapper .bx-prev,.bx-wrapper .bx-next,#slideBox .bx-wrapper .bx-next,#slideBox .bx-wrapper .bx-prev{-moz-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s;-o-transition: ease-in-out 0.3s;-ms-transition: ease-in-out 0.3s;transition: ease-in-out 0.3s;}
#slideBox .bx-wrapper .bx-next,#slideBox .bx-wrapper .bx-prev{margin:-40px 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;filter:alpha(opacity=20);opacity:.2; padding:18px 12px; font-size:3.2em;background-color: rgba(0, 0, 0, 0.5);border-radius:0; width:auto; height:auto;}
#slideBox .bx-wrapper .bx-prev{left:10px}
#slideBox .bx-wrapper .bx-next{right:10px}
#slideBox .bx-wrapper:hover .bx-prev{left:0}
#slideBox .bx-wrapper:hover .bx-next{right:0}
#slideBox .bx-wrapper .bx-next:hover,#slideBox .bx-wrapper .bx-prev:hover{filter:alpha(opacity=100)!important;opacity:1!important; color:#fff; background:#00ada7}
#slideBox .bx-viewport a{min-height:100px; line-height: 100px;}
/*bx-wrapper (NEXT / PREV) */
.slider1{width:auto; position:absolute;}
.bx-wrapper .bx-pager.bx-default-pager a {background:rgba(255,255,255,0.35); text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 0 5px; outline: 0; border-radius:50%;}
.bx-wrapper:hover .bx-prev,.bx-wrapper:hover .bx-next {background:rgba(255,255,255,0.35);}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{background-color: rgba(255, 255, 255, .88);color:#00ada7;}
.bx-wrapper:hover .bx-prev{left:18px;}
.bx-wrapper:hover .bx-next{right:18px;}
.bx-wrapper .bx-prev{left:25px;}
.bx-wrapper .bx-next{right:25px;}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{ width:30px; height:30px; line-height:30px; text-align:center;border-radius:100%;background-color: rgba(255, 255, 255, .3);position: absolute;top: 50%;margin: -15px 0 0 0;outline: 0;z-index:56; cursor:pointer; color:#fff; font-size:1.8em;filter:alpha(opacity=0)!important;opacity:.0!important;}
.bx-wrapper .bx-loading {min-height:200px;background: url(images/lay.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; }
.imgbox .bx-wrapper .bx-prev{left:5px;}
.imgbox .bx-wrapper .bx-next{right:5px;}
.bx-wrapper .bx-pager-item{display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item {font-size: 0; line-height: 0;}
/*----------- article -----------*/
.wrap-box{width:100%;float:left}
.article{min-height:600px;margin-right:378px}
.article hr {
border: none;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: medium;
border-top: 0px dashed #ccc;
padding-bottom: 0px;
}
.article.ui{margin-right:0px}
.writer-top{margin-bottom:20px;padding:15px 20px;overflow:hidden;background-color:#fff;border-top:1px solid #eee;position:relative; min-height:63px;}
.writer-top h1{background: #00ada7;color: #fff;display: block;font-size: 1.3em;font-weight: normal;left: 0;
margin-bottom: 0;padding: 3px 10px 3px 15px;position: absolute;}
.writer-top h1:before{content:'';height:0;width:10px;display:block;border:12px transparent solid;border-right-width:0;border-left-color:#00ada7;position:absolute;top:4px;right:-12px;-webkit-transform:scaleY(1.29);-moz-transform:scaleY(1.29);-ms-transform:scaleY(1.29);-o-transform:scaleY(1.29);transform:scaleY(1.29);}
.writer-top h1 [class*="fa-"]{ margin-right:6px;}
.writer-top .archive-description{ margin:55px 0 5px; padding:0 18px 13px 0; background:url(images/icon_quote_l.png) no-repeat right bottom;}
.writer-top .archive-description p{ padding:5px 0 0 30px; background:url(images/icon_quote_r.png) no-repeat;}
.post{margin-bottom:2%;padding:15px;overflow:hidden;background-color:#fff;border:0px solid #eee;position:relative}
.post h2 a:hover{color:#00ada7}
.post h3{padding:5px 0 10px;margin-bottom:15px;border-bottom:1px solid #ebebeb;font-size:1.6em; font-weight:normal;position:relative; text-indent:2px;}
.post h3 a{color:#555}
.post h3:after{content:"";width:70px;height:0px;background:#00ada7;position:absolute;left:0;bottom:-1px}
.post h3 span{ right:0; position:absolute; font-family:"Simsun"}
.post h3 span a{font-size:12px; font-weight:400; color:#888}
.post h4{ margin-bottom:6px; line-height:20px; font-size:18px; font-weight:400}
.post h4 a{ color:#555}
.post h4 a:hover,.post h3 a:hover{ color:#00ada7}
.post.list{ width:50%; padding:10px 15px 15px;}
.post.list .first{ margin-bottom:8px; height:88px; overflow:hidden}
.post.list .first .loading{ min-height:60px;}
.post.list:nth-child(odd){float:right; padding-left:2.5%}
.post.list:nth-child(even){float:left; padding-right:2.5%}
.post.list li{ line-height:28px; clear:both}
.post.list li.new{ padding-left:0px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis; padding-right:60px; position:relative;}
.post.list li.new span{ right:0; position:absolute; color:#999; font-size:12px; display:none}
.post.list p{ line-height:22px; font-size:12px;}
.post.top{ padding:10px 15px 0 15px}
.post .toplist{ position:relative;}
.post .toplist ul{ width:103.333%; overflow:hidden}
.post .toplist li{ width:30%;height:268px;float:left; display:inline; margin-right:3.33333%; margin-bottom:3%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.post .toplist li h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; clear:both; margin:0 0 10px 0}
.post .toplist li p{white-space:normal; line-height:22px; font-size:12px; text-align: justify}
.post .toplist li .post-pic{ width:100%; margin-right: 0; margin-bottom:10px; overflow:hidden}
.post-pic b{background:#00ada7;height: 100%;left: 0;filter:alpha(opacity=0);opacity:0;position: absolute;right: 0;transition: opacity 0.2s ease-in-out 0s;
width: 100%; z-index:3; top:0}
.post-pic b:hover{filter:alpha(opacity=35);opacity:0.35}
.post.listimg { padding:10px 15px 10px;*zoom: 1; position: relative;}
.post.listimg .post-pic{ width:225px;height:315px; max-height:315px;float:left; overflow:hidden; margin:0}
.post.listimg .tbox li{ width:100%; float:left; display:none;margin:0 0 0;}
.post.listimg li:nth-child(1),.post.listimg li:nth-child(2),.post.listimg li:nth-child(3){display:inline}
.post.listimg li p{ line-height:24px; margin-bottom:2px}
.post.listimg li span{ color:#888; font-size:12px; margin-right:10px;}
.post.listimg .hd ul{ position:absolute; right:12px; bottom:16px;z-index:12}
.post.listimg .hd li{ padding:0px; width:20px; height:20px; font-size:12px; text-align:center; line-height:20px; background:#000;filter:alpha(opacity=45);opacity:0.45;margin-right:3px; color:#fff;cursor: pointer; display:block}
.post.listimg .hd li.on,.post.listimg .hd li:hover{ background:#00ada7;filter:alpha(opacity=65);opacity:0.65}
.imgbox{ width:100%;float:left; border:8px solid #f8f8f8; position:relative; overflow:hidden}
.tbox{ position:relative;margin-left:260px;top:-10px;}
.post.listimg .tbox li{margin:3.2% 0 0;}
.picBtnTop{ width:241px; position:absolute}
.istop{padding:15px 30px}
.istop .post-title{font-size:18px}
.post header{position:relative}
.post header h2{font-size:18px;line-height:24px;font-weight:400;padding-bottom:10px;}
.post header h2 a{ color:#333;}
.post header h2 span{color: #f68;font-size: 12px;}
/*----------- post -----------*/
.post-pic{float:left;margin-left:0; margin-right: 2%; max-width:330px;width:30%;height:auto;max-height:180px; overflow:hidden;position:relative}
.post-pic .mask-tags{position:absolute;top:0;left:0;color:#fff;padding:2px 10px;font-size:12px;display:block;background:#f45170;z-index:50}
.post-text{font-size:14px;line-height:24px;display:block; text-align: justify;word-wrap: break-word;}
.post footer{height:auto;margin:8px 0 0;color:#999;}
.post footer span{font-size:12px;color:#999999;display:inline-block;margin-right:10px;}
.post footer span a{color:#999999;}
.post footer span .fa{width:13px;display:inline-block;margin-right:4px;font-size:13px}
/*----------- lazy -----------*/
.loading {min-height:100px;background: #eee url(images/lay.gif) center center no-repeat; }
.button.loading{ min-height:30px;}
a:hover .b-lazy.b-loaded{ opacity:1}
.b-lazy {-webkit-transition: opacity 500ms ease-in-out;-moz-transition: opacity 500ms ease-in-out;-o-transition: opacity 500ms ease-in-out;transition: opacity 500ms ease-in-out;max-width: 100%;opacity: 0}
.b-lazy.b-loaded {opacity: 1;vertical-align: middle;}
/*----------- pagenav -----------*/
.pagenav{margin:20px 0 20px;text-align:center;display:block}
.pagenav a{text-align:center;display:inline-block;color:#fff;background:#00ada7;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:text-top}
.pagenav a i{width:36px;height:36px;line-height:36px}
.pagenav a:hover{background:#505050;text-decoration:none;color:#fff}
.pagenav .page-number{background:#00ada7;color:#fff;margin:0 3px;display:inline-block;line-height:36px;padding:0 14px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:text-top}
/*----------- sidebar -----------*/
.sidebar{float:left;margin-left:-362px;width:362px;position:relative}
.widget{background-color:#fff;border:0px solid #eee;overflow:hidden;padding:15px 15px 15px 15px;margin-bottom:16px}
.rbox h3{padding-bottom:10px;margin-bottom:21px;border-bottom:1px solid #ebebeb;font-size:15px;position:relative; text-indent:2px;}
.rbox h3:after{content:"";width:62px;height:1px;background:#00ada7;position:absolute;left:0;bottom:-1px}
.widget.social{ padding:6px;}
.widget.social.rbox h3{ margin:0 6px 18px;}
.widget.divCrchives{ padding:12px 15px 10px;}
/*divPrevious*/
.divPrevious li{position:relative;margin-top:20px;overflow:hidden}
.divPrevious li .previous-pic{float:left;width:75px;height:auto;max-height:75px;position:relative;margin-top:3px}
.divPrevious li .previous-pic img{width:75px;height:auto}
.divPrevious li .previous-title{margin-left:85px}
.divPrevious li .previous-title h4{font-size:18px;font-weight:400;line-height:1.6;margin-bottom:0;text-indent:0}
.divPrevious li .previous-title span{font-size:12px;color:#9A9A9A;}
/*divCrchives*/
.divCrchives li{counter-increment:nums;display:block;height:30px;padding:0 0 0 30px;position:relative;margin:3px 0;font-size:18px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.divCrchives li:first-child:before{background-color:#FF6B57}
.divCrchives li:first-child:before,.divCrchives li:nth-child(2):before,.divCrchives li:nth-child(3):before{color:#fff;text-shadow:none;line-height:22px}
.divCrchives li:before{width:22px;height:22px;line-height:22px;text-align:center;content:counter(nums,decimal);position:absolute;left:0;top:2px;border-radius:100%;background-color:#edefee;text-shadow:0 1px 0 rgba(255,255,255,.5); font-size:13px}
.divCrchives li:nth-child(2):before{background-color:#2ea7e0}
.divCrchives li:nth-child(3):before{background-color:#6bc30d;}
.divBrchives li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*divComments*/
.divComments li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom:3px;padding-top:3px;margin:1px 0 3px 0;}
.divBrchives li a i{ margin-bottom:2px;}
.divComments li{ line-height:24px;padding-top:5px; padding-bottom:5px;}
.divComments li i{ font-style:normal; color:#888}
.divComments li i.name{ color:#333}
.divComments li a{ position:relative; top:-2px;}
.divComments li img{float:left;margin:0 8px 0px 0;padding:0px;width:47px;-webkit-border-radius:27px;-moz-border-radius:27px;border-radius:27px;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out;}
.divComments li:hover img{-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);-webkit-rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);}
/*social*/
.social ul{text-align:center;margin-bottom:10px;margin-top:10px}
.social p.title{padding:0;border-bottom:solid 1px #EAEAEA;position:relative;text-align:center;margin:0 10px;margin-bottom:30px;font-size:15px;color:#666;overflow:initial}
.social .title span{background:#fff;position:relative;bottom:-12px;padding:0 10px;}
.social a.social-a{background:#333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff;font-size:28px;display:inline-block;width:46px;height:46px;line-height:46px;text-align:center; margin:0 4px;}
.social a.s-weibo{background:#f78585}
.social a.s-tencent{background:#27ccc0}
.social a.s-qq{background:#00C5FF}
.social a.s-email{background:#eca3ac}
.social a.s-weixin{background:#6fc299}
.social a.social_qun{background:#c2b9d3}
.social a.s-weixin:hover .weixin{display:block}
.social a:hover{background:#a9cbcf}
.social a.s-weixin .weixin{display:none;position:absolute;top:75px;right:0;min-width:100px;height:auto;padding:5px;background:#fff;z-index:999; line-height:0; border-radius:3px; border:1px solid rgba(0, 0, 0, 0.2); box-shadow:0 3px 10px rgba(0, 0, 0, 0.1)}
.divArchives li,.divBrchives li,.divCrchives li,.divAuthors li,.divCatalog li,.divFavorites li,.divLinkage li,.divNavBar li,.divStatistics li{padding-bottom:3px;padding-top:3px;margin:1px 0 3px 0;}
.divArchives li a,.divAuthors li a,.divBrchives li a,.divCatalog li a,.divFavorites li a,.divLinkage li a,.divMisc li a,.divNavBar li a,.divStatistics li{color:#555;font-size:14px;margin-right:24px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.divArchives li:hover a,.divBrchives li:hover a,.divAuthors li:hover a,.divCatalog li:hover a,.divFavorites li:hover a,.divLinkage li:hover a,.divNavBar li:hover a,.divStatistics li:hover{padding-left:15px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.divBrchives li:hover a{ color:#00ada7}
.divBrchives li a i.fa,.tbox .fa{transform: translate(0px, -1px);}
.rbox h3{margin-bottom:15px}
.divTags li{float:left;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.divTags li a{font-size:16px;font-weight:400;color:#666;padding:3px 8px;background-color:#fcfcfc; border:1px solid #eee;display:inline-block;margin:0 8px 5px 0;line-height:20px;}
.divTags li a:hover{ color:#fff;background-color:#00ada7;border:1px solid #00ada7;box-shadow: 0 0 0.3px #000 inset;}
.divCalendar table{width:100%;font-size:12px;margin-top:10px;table-layout:fixed}
.divCalendar caption{height:34px;line-height:34px;font-weight:700;font-size:12px;background-color:#fbfbfb;text-align:center;border:1px solid #e0e1e2}
.divCalendar caption a{color:#666}
.divCalendar th{color:#666;text-transform:uppercase;border:1px solid #e0e1e2;background-color:#fbfbfb;height:26px}
.divCalendar td{text-align:center;color:#666;line-height:30px;border:1px solid #e0e1e2;}
.divCalendar td a{color:#fff;line-height:30px;background:#DC6460;display:block;}
.divSearchPanel input[type=text]{width:70%;height:34px;margin-left:5px;padding-left:10px;outline:0;background:#fff;border:1px solid #E8E9E7;vertical-align:bottom;}
.divSearchPanel input[type=submit]{font-size:16px;color:#fff;line-height:28px;font-weight:700;padding-left:15px;padding-right:15px;border:2px solid #00ada7;background:#00ada7;outline:0;cursor:pointer}
/*----------- article-container -----------*/
.article-container{padding: 0 20px; margin-bottom:16px; background: #fff; border:0px solid #eee;}
.article-container .qr{ position:absolute; top:15px; right:0px; padding-bottom: 5px; display:none}
.article-container .qr .fa-qrcode{ font-size:3em; cursor: pointer; color: #999;transition: all 0.5s ease 0s;}
.article-container .qr.on .fa-qrcode{ color: #333;}
.article-container .qr .code{ position:absolute; top:45px; right:0em; width:auto; height:auto; display:none; padding:10px 10px 35px; background:#fff; float:left; font-size:0;box-shadow:0 0 10px rgba(0,0,0,.2);animation: 0.2s ease 0s normal none 1 running goTopapp;transform-origin: right top 0; z-index:2;}
.article-container .qr.on .code{ display:block;}
@-webkit-keyframes goTopapp{0%{-webkit-transform:scale(.8)}to{-webkit-transform:scale(1)}}
@keyframes goTopapp{0%{transform:scale(.8)}to{transform:scale(1)}}
.article-container .qr .code p{ font-size: 12px; position: absolute; bottom: 8px; display: inline-block; width: 96px; left: 50%; margin-left: -48px;}
.article-top{padding: 20px 0 15px; border-bottom: 1px solid #eee; position:relative;}
.article-tit{margin-top: 0; margin-bottom: 0px; font-size: 20px;}
.article-mt span{font-size: 12px; color: #999; margin-right: 10px; display: inline-block;}
.article-mt span a{color: #999;}
.article-mt span .fa{width: 12px; font-size: 12px; display: inline-block; margin-right: 4px; }
.article-daoyu{
text-indent: 2em;
}
.article-main{font-size:18px;padding: 0px 0;word-wrap:break-word;line-height: 2.15;}
.article-main img{margin: 5px 0;max-width:100%;height:auto; display:inline-block}
.article-main h2, .article-main h3, .article-main h4, .article-main h5{padding:0;margin:25px 0;color: #666;font-weight:bold;}
/*.article-main h2{font-size:20px;line-height: 20px;font-weight:bold;padding: 0 0 0 10px;border-left: 5px solid #00ada7;}*/
.article-main h2{
font-size: 20px;
line-height: 2.5em;
margin-top: 0.5em;
font-weight: bold;
border-bottom: 1px dashed #ccc;
color: #555ba6;
margin-bottom: 0.5em;}
.article-main h3{font-size:18px;}
.article-main h4{font-size:16px;}
.article-main h5{font-size:16px;}
.article-main ul, .article-main ol{margin:0 0 18px 46px}
.article-main ul{list-style: disc;}
.article-main ol{list-style: decimal;}
.article-main li{margin-bottom: 6px; list-style: inherit}
.article-main p{word-wrap:break-word}
.article-main pre{word-wrap:break-word}
.article-main table{width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;margin-bottom:18px;border-collapse:collapse}
.article-main table th{text-align:center;background-color:#f9f9f9;}
.article-main table td,.article-main table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-main a{color: #00ada7;}
.article-main a:hover{color: #00ada7;}
.article-main pre,.comment pre{margin:20px 0;font:13px/20px 'courier new';background:#272822;padding:10px 15px;color:#F8F8D4;border:none}
.article-main blockquote{margin: 30px 30px;padding: 15px 20px 1px;font-size: 16px;color: #999;border-left: 5px solid #EEE; background: #fafafa}
.article-main blockquote p{margin:0;padding:0;margin-bottom: 10px;} .post-copyright{margin-top: 40px; background-color: #eee; padding-right: 30px; font-size: 12px; padding: 5px 0; color: #aaa; text-align: center; text-align: justify}
.article-main embed{margin-left: auto;margin-right: auto;max-width: 100%;display: block;}
.namelist{width: 100%; overflow: hidden; zoom: 1;}
.namelist ul{margin: 1px 0 0 1px;}
.namelist ul li{
white-space: nowrap;min-width: 50px;font-size: 16px;border: 1px solid #eee;float: left;line-height: 45px;padding: 0 7px;margin-right: -1px;margin-bottom: 0px;text-align: center;
overflow: hidden;margin-top: -1px;width:10%;list-style-type:none;}
/*----------- list-tag -----------*/
.article-meta{ overflow: hidden;}
.article-meta .list-tag { margin:10px 0 25px; padding-left:40px; position: relative;font-size: 16px;}
.article-meta .list-tag a {padding:6px 8px 4px 8px;border: 1px solid #eee;margin:2px 5px 2px 0; background:#f9f9f9; display:inline-block;}
.article-meta .list-tag em{ position:absolute; top:8px; left:0px; font-style:normal;}
/*----------- article-nav -----------*/
.article-nav{ border:0px solid #eee;padding:0 0 20px 0;margin:0px;clear: both;overflow: hidden;background-color: #fff; }
.article-nav div{width:42%;color:#999;font-size:18px;position:relative;display:block;}
.page-prev{float:left;padding-left:40px;}
.page-next{float:right;text-align:right;padding-right:40px;}
.article-nav div span{color:#999;font-size:80%;display:block;}
.article-nav div a:after{margin-top:-11px;height:22px;color:#EDEDED;font-size:56px;line-height:22px;position:absolute;top:34%;}
.page-prev a:after{left:0;content:'«';}
.page-next a:after{right:0;content:'»';}
/*----------- writer Widget -----------*/
#writer {margin:20px 0;border: 0px solid #eee;background: #FCFCFC;clear: both;overflow: hidden; }
#writer h3{padding: 10px 20px 8px 20px;border-bottom: 1px solid #eee; background: #fff;}
#writer h3 span{ float: right;min-width: 160px;width: 50%;text-align: right;font-weight: normal; font-size:12px; padding-top:2px;}
.writer-text{clear: both;overflow: hidden;padding: 10px;}
.writer-avatar img{float:left;margin:10px;padding:4px;width:64px;height:64px;border: 1px solid #eee;-webkit-border-radius:37px;-moz-border-radius:37px; border-radius:37px; background: #fff;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out;}
.writer-avatar img:hover{border: 1px solid #ccc;-webkit-box-shadow:0 0 10px #fff; box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);}
.writer-info{padding:10px 10px 0 5px;font-size:14px;line-height:22px;}
#writer-name{display: none;}
.nobtm{padding:12px 0;border-bottom:none;}
#writer-top .contact{width: auto;}
#writer-top .contact li {float: left;margin: 0; padding:0;width:28px;height:30px;background:none;}
.widget .nobtm li{width:28px;height:30px;background:none;padding:0;}
.widget .nobtm li.donate,.widget .nobtm li.archive{width:80px;}
.widget .nobtm li.archive a{width:78px;height:24px;}
.widget .nobtm li.donate a{width:78px;height:24px;}
/*----------- contact -----------*/
.contact{padding:16px 13px 16px 0px; float: left;}
.contact ul li{background: none; margin-right: 2px}
.contact li a{display:block;width:24px;height:24px; color:#fff; line-height:24px;opacity:0.7;}
.contact li a:hover{opacity:1;}
.contact li.website a{background:#F93;}
.contact li.sina_weibo a{background:#f78585;}
.contact li.qq_weibo a{background:#27ccc0;}
.contact li.rss a{background-position:0 -238px;}
.contact li.email a{background:#e66eb6;}
.contact li.qq a{background:#48c3f0;}
.contact li.twitter a{background-position:0 -204px;}
.contact li.google_plus a{background-position:0 -136px;}
.contact li.archive a{width:78px;height:24px;background:#9C3;text-indent:0px; color:#fff; line-height:24px;}
.contact li.donate a{width:78px;height:24px;}
.contact li{display:inline;float:left;margin-right:4px;height:24px;text-align:center;line-height:190%;}
/*----------- relevant -----------*/
.relevant{padding:20px;margin-bottom:16px;background:#fff;border:0px solid #eee}
.title{margin-bottom:10px;overflow:hidden; text-indent:6px;}
.title h3{font-size:1.2em;font-weight:600;margin:0;float:left;}
.relevant ul{list-style:disc;margin-left:20px;color:#999}
.relevant li{margin-top:10px;list-style:inherit;font-size:18px;}
.relevant time{font-size:12px;margin-left:20px;color:#bbb}
.widget-box{clear:both;margin-bottom:20px;background:#fff;position:relative;}
.userMain{overflow:hidden;width:100%;border:1px solid #eee}
#userLeft{float:left;padding-bottom:10px;width:17.9%}
#userLeft .user-avatar{padding:15px;text-align:center}
#userLeft .user-avatar img{padding:5px;max-width:100px;max-height:100px;width:98%;height:auto;border:1px solid #eee;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out}
#userLeft .user-avatar img:hover{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg)}
#userMenu li{padding:12px 10px;text-align:center}
#userMenu li.current-menu-item{margin:0 -1px;border-left:5px solid #00ada7;background:#EEE}
#userMenu li.current-menu-item a{margin-left:-5px;color:#00ada7}
#userMenu li i{margin-right:5px}
#userRight{float:left;overflow:hidden;margin:0;padding:10px 1.333333%;min-height:600px;width:82%;border-bottom:none;border-left:1px solid #E1E1E1;background:#fff}
.widget-main{padding:10px 15px;border-bottom:1px solid #E1E1E1;position:relative;z-index:1;}
#userRight #writer-top{margin:0 -15px;padding:10px 15px;border-bottom:1px solid #E1E1E1;background:#fff}
#writer-top h1{margin:5px 0;font-size:20px}
#writer-top h1 span{ color: #999; font-size: 16px; font-weight: normal; margin-left: 10px;}
#writer-top h1 span em{ font-style: normal; padding: 0 3px; color: #00ada7}
#writer-top .rss-cat-icon i{color:#F74D4D}
#userRight .post-count{padding:15px 10px;border-bottom:1px solid #eee;font-weight:700}
#userRight .writer-simple h2{font-size:14px;padding-left:5px;line-height:40px}
.writer-simple{padding:10px 0;border-bottom:1px solid #eee}
.writer-simple h2{display:inline-block;overflow:hidden;margin:0;width:60%;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:16px;line-height:28px}
.writer-simple h2 a i{margin-right:5px}
.writer-simple p.user-meta{float:right;width:36%}
.writer-simple span{margin-right:5px}
.user-meta{margin:10px 0;line-height:20px}
.user-meta span{margin-right:10px;color:#999}
.user-meta span i{margin-right:3px}
/*----------- commList -----------*/
.commBox{padding: 20px;margin-bottom: 20px; background: #fff; border:0px solid #eee;}
.commList .msg{padding-top:10px}
ul.msg{width:100%;margin-bottom:5px}
ul.msg li{width:100%;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;}
.msgArticle{padding:10px 2px}
.avatar{float:left;box-shadow:0 1px 1px rgba(255,255,255,.75);position:relative;-webkit-border-radius:50px;border-radius:50px;background-color:#fff;margin-right:15px}
.avatar img{width:50px;height:50px;box-shadow:inset 0 -1px 0 #3333sf;-webkit-box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.avatar img:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);box-shadow:0 0 10px #fff;-webkit-box-shadow:0 0 10px #fff;}
.commBody{position:relative;margin-left:62px;border:1px solid #eee;padding:0 10px 15px!important;border-radius:2px}
.commBody:before{border-right-color:#dedede!important;z-index:1}
.commBody:after{border-right-color:#f8f8f8!important;margin-left:1px;z-index:2}
.commBody:after,.commBody:before{position:absolute;top:8px;left:-8px;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid solid;border-width:8px 8px 8px 0;pointer-events:none}
.commBody p{font-size:14px;color:#666;line-height:20px;margin:5px 0;word-wrap:break-word}
.commTop{padding:10px;margin-left:-10px;margin-right:-10px;margin-bottom:15px;border-bottom:1px solid #eee;font-weight:500;font-size:14px;background:#f8f8f8;}
.commTop a{color:#999;font-size:12px;margin-right:8px}
.commFooter{font-size:12px;line-height:16px;margin-top:5px;}
.commTime{font-size:12px;margin-right:8px;color:#999}
.commReply{font-size:12px;color:#999}
.msgname .msgname,ul.children{margin-left:38px}
.msgname .msgname .avatar,ul.children .avatar,ul.children .avatar img,.msgname .msgname .avatar img{width:30px;height:30px;margin-left: 8px;}
#divCommentPost p.postTop{width:100%;font-size:12px;padding:8px 0;clear:both;position:relative;z-index:5;overflow:hidden}
#divCommentPost p a{line-height:16px;margin-right:6px;cursor:pointer;text-decoration:none;color:#666;float:right;}
#divCommentPost p.postTop small{width:75px;position:relative;font-size:12px;cursor:pointer;text-align:right;line-height:18px;padding-bottom:3px;float:right;}
.pinglun{font-size:12px;z-index:3;position:relative;clear:both;padding:0;margin:0;vertical-align:baseline;font:inherit;line-height:inherit;background:0 0;width:auto;float:none;transition:none;overflow: hidden;}
.textarea-wrapper{border: 1px solid #eee;background: none;border-radius: 3px;}
.rounded-top{-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px}
#txaArticle{position:relative;z-index:1;border:0;border-bottom:none;padding-right:24px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-appearance:none;overflow:auto;padding:10px;height:140px;min-height:140px;margin:0;resize:none;outline:0;/*color:#B3B3B3;*/width:100%;min-width:100%;font-family:"STHeiti Light",华文细黑,"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",STHeiti,MingLiu}
.post-toolbar{margin-top: 10px;overflow: hidden;float: right;}
input.button{float:right;height:32px;width:100px;text-align:center;font-family:"Microsoft YaHei",微软雅黑;text-shadow:none;font-weight:700;border:none;color:#FFF;background-color:#00ada7;border-radius: 2px;background-image:none;box-shadow:none;cursor:pointer}
input.button:hover{background:#8463A9;}
.postText{padding:20px 0 0;color:#666}
.postText ul{width: 101.6%;}
.postText ul li{margin-bottom:5px;text-align:left;display: inline-block; width:49%}
.postText ul li.verify{ position:relative}
.postText ul li.verify img{ position:absolute; top:3px; right:3px}
input.text{margin-right:10px;position:relative;border:none; border: 1px solid #eee;border-radius:2px;height:36px;padding:3px 5px;outline:0;width:100%;box-shadow:none}
.postText ul li label{color:#bbb}
#infscr-loading,#infscr-loading div{position:absolute;bottom:10px;width:100%;text-align:center;font-size:1.5em;font-weight:700;color:#3498db}
/*----------- search -----------*/
.article-search h1{font-size:20px}
.article-search,.list-search p{margin-bottom:20px;padding:20px;overflow:hidden;background-color:#fff;border:1px solid #eee;border-radius:2px;-webkit-transition:all .4s ease;transition:all .4s ease;position:relative}
.list-search p:hover{box-shadow:none}
.list-search p a:first-child{font-size:18px;line-height:30px}
.list-search p a:hover{color:#00ada7}
.list-search p strong{color:#00ada7}
/*----------- gotop -----------*/
#gotop{right:30px;bottom:50px;position:fixed;z-index:1000}
#gotop span{width:36px;height:36px;color:#fff;cursor:pointer;background:rgba(0,0,0,.2);display:block;position:relative;margin:5px 0}
#gotop span i{color:#fff;width:36px;height:36px;font-size:20px;font-style:inherit;text-align:center;line-height:36px;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-18px}
#gotop a{display:block;cursor:pointer;color:#fff;}
#gotop span:hover{background:#666}
/*browsehappy*/
#browsehappy{font-size:14px;padding:10px 0;border-bottom:1px solid #ddd;color:#fff;text-align:center;font-family:arial,sans-serif;background:#00ada7;}
#browsehappy a{padding:5px;color:#f66}
#browsehappy a:hover{text-decoration:underline}
/*----------- ADS -----------*/
.ads,.qms{background-color: #fff;border:0px solid #eee;padding:15px;margin-bottom:2%;overflow: hidden;}
.ads img{ display:block}
/*----------- footer -----------*/
.footer{margin-top:25px;padding:15px 0;width:100%;background:#333;color:rgba(204,204,204,1);clear:both; position:relative; font-size:12px; line-height:22px;}
.footer a{color:rgba(204,204,204,1);font-size:12px;}
.footer-text{max-width:1160px;margin:0 auto;background:#333;color:rgba(204,204,204,1);position:relative;overflow:hidden}
.footer-text p{text-align:center}
.link{max-width:1240px;margin:0 auto;margin-top:5px;margin-bottom:5px;text-align:center}
.link span{font-size:12px;display: inline-block;}
.link ul{display: inline-block;}
.link ul li{display:inline;padding:0 5px; }
.footer ul.colorful {position: absolute;top: 0;left: 0;width: 100%}
.footer ul.colorful li {float: left;width: 16.66666666666666%;height: 3px}
.footer ul.colorful .c-1 {background: #ff6cae}
.footer ul.colorful .c-2 {background: #89a9d3}
.footer ul.colorful .c-3 {background: #a1c15f}
.footer ul.colorful .c-4 {background: #e28d90}
.footer ul.colorful .c-5 {background: #2EFFA1}
.footer ul.colorful .c-6 {background: #AEFF6B}
.action-like,.article-social{text-align:center}
.article-main a.action-like{ color:#fff;}
.action-like{display:inline-block;background-color:#FF5E52;color:#fff;border-radius:3px;padding:10px 12px 10px 15px;font-size:15px;margin:20px auto 20px;min-width:120px;max-width:100%;cursor:pointer;opacity:.75}
.action-like:hover{opacity:1;color:#fff}
/*search-form*/
.search-form {float:right; height:35px; position:relative;}
.search-form .s {height:22px; border:1px solid #ddd; padding:5px 35px 5px 5px; border-radius:3px; width:210px;}
.search-form .s:focus,#login-page .login-form .text:focus {border:1px solid #2689FF; box-shadow:0 0 3px #2689FF;}
.search-btn{ display:none;position:absolute;right:50px;top:18px;color:#aaa;background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:19px;font-weight:300;outline:0;cursor:pointer; transition:none}
.search-bg {position:fixed; left:50%; top:45%; z-index:890; height:34px; margin:-28px 0 0 -113px; display:none;}
.search-bg .search-form {display:block;}
.page-bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:889; display:none;}
.search-bg .nav-right{margin-top:0; float:none}
.search-bg .nav-right form input{width:100%;border-radius:3px;border:1px solid #efefef;font-size:14px;padding:6px 30px 6px 10px;background:#fff;height:35px;outline:0}
/*cate*/
.cate li{ display:inline-block;text-align:center; float:left; position:relative;}
.cate li a{ color:#fff; font-size:1em; width:100%; height:auto;border-radius:0px;float:left; opacity:0.6; padding:15% 0}
.cate li a:hover{ opacity:1}
.cate li a i{ font-size:1.8em; clear:both;width:100%; float:left;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.cate li a p{ margin:0; padding:0; font-style:normal; float:left; width:100%; height:20px; margin-top:3%}
/*百度商桥自定义*/
#newBridge{ z-index: 1112!important}
#newBridge .nb-icon-wrap{width:64px!important; height:64px!important; top:auto !important; bottom:100px !important; right:15px !important;}
#newBridge .nb-icon-skin-1 .nb-icon-inner-wrap,#newBridge .nb-icon-inner-wrap{ width:64px!important; height:64px!important;}
blockquote.inLink{padding: 15px 20px 6px;}
blockquote.inLink.diyLink{border:1px #eee solid;background-color:#fafafa; margin:30px 0;padding: 15px 20px 10px;}
blockquote.inLink ul{ margin:0 0 0 14px;}
blockquote.inLink ul li{ margin-bottom:4px;}
blockquote.inLink ul li a{ font-size:16px; font-weight:normal; color:#666;}
#cambrian0{ margin:20px 0; display:inline;}
#cambrian0 ._1mpIIe .FiQpSl, #cambrian1 ._1mpIIe .FiQpSl, #cambrian2 ._1mpIIe .FiQpSl, #cambrian3 ._1mpIIe .FiQpSl, #cambrian4 ._1mpIIe .FiQpSl{ margin-bottom:40px !important}
.ummodule1{ width: 362px;}
.ummodule1 img{ margin: 0 auto; display: block;}
.umCopyright{ display: inline-block; padding: 10px 15px; font-size: 12px; color: #999; background: #fafafa; border: 1px dashed #eee; width: 100%; margin: 25px 0 10px; border-radius: 5px;}
#newBridge .nb-icon-skin-1 .nb-icon-inner-wrap{width:64px!important; height:64px!important;background-image: url(images/icon_msg.png) !important;background-size: 100%!important;cursor: pointer;}
/*红包*/
.redBags{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 1115;display: none;}
.redBags .box,.redBags .img{ width:300px; min-height: 100px; padding: 30px; font-size: 14px; color: #333; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; text-align: center; border-radius: 5px}
.redBags .box h5{ font-weight: normal; font-size: 18px; color: #333}
.redBags .box p{font-size: 14px; padding-top: 15px;color: #666; line-height: 24px;}
.redBags.open .box,.redBags.open .img{-webkit-animation-duration: 0.65s;animation-duration: 0.65s;-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}
.redBags .img{ width: 95%; max-width: 420px; background: none; top:48%;}
.redBags .img i{ font-size: 40px; color: rgba(255,255,255,.6); margin-top: -10px; cursor: pointer;}
.redBags .box .close{ width: 88px;line-height: normal;padding: 8px 0;text-align: center; background: #00ada7; color: #fff; display: inline-block; margin-top: 15px; border-radius:5px; cursor: pointer;}
.ummodule1 img{ margin: 0 auto; display: block;}
.ftEwm{ text-align: center; width: 100%; margin: 20px 0;}
.ftEwm .img{ width: 260px; display: inline-block; font-size: 0}
.ftEwm .text{ margin-top: 5px; line-height: 24px;}
#cambrian0{ height: auto!important}
#reward{ width: 320px; min-height: 300px; padding: 20px; background: #fff; border-radius: 5px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 890; display: none; text-align: left;}
#reward .list { text-align: center;}
#reward .list li{ display: inline-block; font-size: 14px; margin: 5px 15px 0 5px; position: relative; padding-left: 20px; cursor: pointer; color: #333}
#reward .list li i{ position: absolute; display: block; top: 4px; left: 0px; font-size: 18px; color: #999;}
#reward .list li.cur i{ color: #22ab38}
#reward #listCon{position: relative;}
#reward #listCon div{opacity: 1;display: none;}
#reward #listCon div.cur{ opacity: 1; display: block;}
#reward #listCon div img{border-radius:0px; overflow: hidden; display: block;margin: 0;}
#reward p{ text-align: center; padding-top: 10px;}
.article-main #reward ul{margin:0 0 10px 0px; font-size: 0; display: block;}
.article-main a.reward{ min-width: 110px; color: #fff; background: #3cc5ad;border-radius: 3px;padding: 10px 12px 10px 15px;font-size: 15px;margin: 20px auto 20px; display: inline-block; opacity: 0.75;}
.article-main a:hover.reward{opacity:1;}
.action-like i{ font-size:17px; padding-right: 3px; vertical-align:-1px;}
.article-main a.reward i{ font-size:20px; padding-right: 10px; vertical-align: -2px;}
.article-social .action-like a,.article-main a.reward{ margin: 0 5px;}
.post.topImg .toplist li{ height: auto; max-height: none; min-height: none}
.post.topImg .toplist li .post-pic{ position: relative; overflow: hidden;margin-bottom:15px;max-height: none;}
.post.topImg .toplist li .post-pic:after{content: '';display: block;padding-top: 75%;}
.post.topImg .toplist li .post-pic img{position: absolute;top: 0;left: 0;}
.post.topImg .toplist li p{ height: 44px; display: none; overflow: hidden;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify;text-justify:distribute-all-lines;-webkit-text-align-last:justify;}
.post.topImg .toplist li h4{ padding:0 3%;text-align: center;}
.mobHot{ display:none;}
.content.on {
overflow: hidden;
}
.new_box {
position: relative;
z-index: 4;
padding: 0 0 25px;
margin-top: -220px;
text-align: center;
}
.read_more_mask {
height: 200px;
background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));
}
.btn_mod {
background: #fff;
}
.new_box a.btn {
border: 1px solid #ff4f4f;
width: 90%;
/* height: 3.5rem;
line-height: 3.5rem;*/
display: inline-block;
vertical-align: top;
font-size: 1.4rem;
color: #ff4f4f;
background: #fff;
border-radius: 4px;
position: relative;
}
.new_box a.btn em {
font-style: normal;
}
.new_box i {
position: absolute;
top: 50%;
width: 8px;
height: 8px;
border: 1px solid transparent;
border-left-color: #ccc;
border-bottom-color: #ccc;
margin: -5px 0 0 10px;
-webkit-transform: rotate(-45deg) translateY(-50%);
-moz-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
}
.none {
display: none;
}
@-webkit-keyframes bounceInDown {
from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0) translate(-50%,-50%);transform: translate3d(0, -3000px, 0) translate(-50%,-50%);}
60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0) translate(-50%,-50%);transform: translate3d(0, 25px, 0) translate(-50%,-50%);}
75% {-webkit-transform: translate3d(0, -10px, 0) translate(-50%,-50%); transform: translate3d(0, -10px, 0) translate(-50%,-50%);}
90% {-webkit-transform: translate3d(0, 5px, 0) translate(-50%,-50%);transform: translate3d(0, 5px, 0) translate(-50%,-50%);}
to {-webkit-transform: translate3d(0, 0, 0) translate(-50%,-50%);transform: translate3d(0, 0, 0) translate(-50%,-50%);}
}
@keyframes bounceInDown {
from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0) translate(-50%,-50%);transform: translate3d(0, -3000px, 0) translate(-50%,-50%);}
60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0) translate(-50%,-50%);transform: translate3d(0, 25px, 0) translate(-50%,-50%);}
75% {-webkit-transform: translate3d(0, -10px, 0) translate(-50%,-50%); transform: translate3d(0, -10px, 0) translate(-50%,-50%);}
90% {-webkit-transform: translate3d(0, 5px, 0) translate(-50%,-50%);transform: translate3d(0, 5px, 0) translate(-50%,-50%);}
to {-webkit-transform: translate3d(0, 0, 0) translate(-50%,-50%);transform: translate3d(0, 0, 0) translate(-50%,-50%);}
}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
/*----------- 适配 -----------*/
@media only screen and (max-width:1280px){
.post .toplist ul{width:102.857143%;}
.post .toplist li{width:30.588235%;margin:0 2.3333% 3.5% 0; height:272px}
.namelist ul li{width: 10%}
}
@media only screen and (max-width:1200px){
.post .toplist ul {width:102.857143%;}
.post .toplist li {margin:0 2.705882% 2.0% 0;height:266px}
.postText ul{width:101.4%;}
.post.listimg .tbox li{margin:3.5% 0 1.5%;}
.namelist ul li{width: 10%}
}
@media only screen and (max-width:1100px){
.sidebar{margin-left:-320px;width: 320px;}
/*.sidebar {margin-left: 0px;position: relative;clear: both;}*/
.ummodule1{ width: 320px;}
.article { margin-right:335px;}
.social a.social-a{ margin:0}
.post .toplist ul {width:102.857143%;}
.post .toplist li {margin:0 2.705882% 2.0% 0;height:260px}
.postText ul{width:101.2%;}
.post.listimg .tbox li{margin:3.5% 0 1%;}
.namelist ul li{width: 15%}
}
@media screen and (max-width:960px){
.header{height:57px;background:0 0}
.containe{ background:#242a37; padding:10px 20px;border-bottom:1px solid #e8e9e7; display:inline-block; width:100%}
.header .moble-bars{ display:block;}
.header menu{float: none!important;width: 100%;position: relative;display: none;}
.logo{ margin:0; height: 36px;}
.logo img{height: 36px; margin-top: 0}
.logo img.logoimg{display: none;}
.logo img.logoimga{display: block;}
.header .logo,.header menu li{display: block;}
.header menu li i,.header menu li:before{display: none!important}
.header menu>ul>li>ul{position: relative;display: block;border: none;padding: 0;box-shadow: none!important;top: auto;right: auto;width: 100%;background-color: transparent;text-align: left}
.header menu>ul>li>ul li{font-size: 12px;padding-left: 40px}
.header menu>ul>li>ul li a{display: block;line-height: 40px}
nav>ul>li>ul{position: relative;display: block;border: none;padding: 0;box-shadow: none!important;top: auto;right: auto;width: 100%;background-color: transparent;text-align: left}
nav>ul>li>ul li{font-size: 12px;text-indent: 15px;}
.post .toplist li {margin:0 2.705882% 3.0% 0;height:266px}
.search-btn {display:block;}
.nav-right{margin-top:-42px}
.nav-right form input{height:32px}
.nav-right form button{top:6px}
.namelist ul li{width: 20%}
.sidebar{display:none}
/*.sidebar {display: block;}*/
.article{margin-right:0}
.footer-text,.link{padding:0 20px 0 20px}
#userLeft,#userRight{float:none;width:100%}
.post.listimg { padding:10px 2.5% 10px}
.login-box{ display:none}
.postText ul{width: 100%;}
.postText ul li{width:100%}
.crumbbar{padding:3px 20px 3px}
.post.listimg .tbox li{margin:3.5% 0 1.8%;}
.mobHot{ display:block;}
}
@media screen and (max-width:640px){
.header{height:53px;}
.containe{ padding:8px 20px;}
.search-btn{top:15px;right:50px;}
.post-text{display:none}
.post-pic{width:160px;height:auto}
.post.list{width:100%}
.loading{min-height:50px}
.article-nav div{width:100%}
.article-nav div span{ display:inline; color:#555}
.namelist ul li{width: 25%}
.page-next{ text-align:left; padding-right:0; margin:3px 0;}
.page-prev{ padding-left:0; margin:0px 0 2px;}
.page-prev a:after{left:0;content:'';}
.page-next a:after{left:0;content:'';}
.post-pic{ width:20%}
.post{ padding:10px;}
.post.top{padding: 10px 2.7% 0;}
.post .toplist li{width:47%;margin:0 3% 5% 0;height:270px}
.post.list{padding: 10px 2.8% 2.8%;}
.picBtnTop{ display:none;}
.tbox{ width:100%; margin-left:0}
.post.listimg { padding:10px 2.5% 10px}
.post.listimg li{ margin:3.2% 0 1.5%}
.post.list .first{ height:auto;margin-bottom:12px;}
.crumbbar{padding:2px 20px 4px}
.post.listimg .tbox li{margin:2.5% 0 1%;display:inline}
.ads.topad{ padding: 10px}
#userRight .writer-simple p,.post footer span.comm{display:none}
.bx-wrapper .bx-pager.bx-default-pager a{ width:9px; height:9px;}
}
@media screen and (max-width:480px){
.search-btn{right:40px;}
.nav-right{margin-top:-42px;padding-right:10px}
.containe{ padding:8px 10px;}
.crumbbar{padding:4px 2.7% 4px}
.navbar{left:10px}
.container{padding:0 10px 10px}
.slider{ border:none; margin:0 auto}
.slider .bx-wrapper .bx-pager{ bottom:20px;}
.bx-wrapper .bx-pager.bx-default-pager a{ width:6px; height:6px; margin: 3px;}
.slider .slideBox{background:#fff;padding:2.7% 2.7% 0px; margin-bottom:10px;border:none; overflow:hidden}
.slideBox .hd{bottom:10px}
.slideBox .next,.slideBox .prev{display:none!important}
.writer-top {margin-bottom: 0;padding: 10px;border-bottom: 1px solid #eee; min-height:53px;}
.post{margin-bottom:0px;padding:10px;border-bottom:1px solid #eee;position:relative; border:none}
.post.topImg{margin-bottom:2%;}
.post.cate{ padding:0 10px 10px;}
.post.m10{margin-bottom:10px;}
.post.p-left{ border:none}
.post:hover{box-shadow:0}
.post-pic,.post-pic img{width:100px;min-height:60px}
.loading{min-height:30px}
.post header h2{padding-bottom: 0px;font-size: 18px;}
.post footer {margin: 5px 0 0;}
.post footer .time i,.post footer span,.post-pic .mask-tags{display:none}
.post footer .time{display:block;font-size:12px}
.article-container{padding:0 10px;margin-bottom:10px;}
.article-nav{padding:0px 0 10px;margin:0 0 10px}
.namelist ul li{width: 25%}
.post.list{ width:100%;padding: 10px 2.5% 15px;}
.post h3{ background:#f0f0f0; text-indent:8px; padding:7px 0 5px; font-size:1.3em; border:none}
.post h3 span{ right:8px;}
#writer{margin:10px 0}
#writer h3{padding:10px}
.writer-text{padding:0 0 10px 0}
.relevant{padding:15px 10px;margin-bottom:10px;margin-top: 10px;}
.commBox{padding:10px;margin-bottom:10px;}
.ads,.qms{ padding:2.0%; margin-bottom:2%;}
.ads.listad,.qms.listqm{padding:10px;}
.ads.topad{ margin-bottom:0; padding: 0% 10px 0;margin-bottom: 16px;padding-top: 8px;}
.ads.listbtmad{ margin-bottom:10px; padding:10px;}
.footer-text,.link{padding:0 10px}
.post .toplist li .post-pic img{width:100%;}
.post .toplist ul {width:103%;}
.post .toplist li{width:47%;margin:0 2.805882% 5% 0; height:255px}
.post.top{ border-bottom:none;padding: 10px 2.7% 0;}
.post.listimg{ padding:10px 2.5% 0px}
.post.listimg .tbox li{display:inline}
.bx-wrapper:hover .bx-controls-direction,#slideBox .bx-wrapper:hover .bx-controls-direction{ display:none;}
.article-search, .list-search p{ margin-bottom: 10px; padding: 10px;}
.article-search h1{ font-size: 16px; font-weight: normal;}
.post-pic{ margin-right:3%}
}
@media only screen and (max-width:320px){
.slider .slideBox{padding:3%}
.container{padding:0}
.post .toplist li .post-pic img{width:100%;}
.post .toplist ul {width:100%;}
.post .toplist li{width:100%;margin-bottom:6%; height:265px}
.post.top{ border-bottom:none;padding: 10px 3.5% 0;}
.post.list{ width:100%;padding: 10px 3.0% 3%;}
.post.listimg .tbox li{display:inline}
.namelist ul li{width: 30%}
.slider .bx-wrapper .bx-pager{ bottom: 30px;}
#reward{ width: 300px;}
}